<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
	<style type="text/css">
	  /*通过选择器给元素添加样式*/
	  /*内部样式  代码可以复用,弊端:只能在当前页面复用. */
	  h3{
	  		background-color:black;
	  	}
	  	div{
	  	    color: blue;
	  	}
	</style>
	<!--引入Css文件   好处:可以多页面复用-->
	<link rel="stylesheet" href="first.css">

	
</head>
<body>
<!--内联样式,弊端:代码不能复用  -->
    <h3 style="color:red">今天是星期一,国斌老师讲Css啦~ </h3>
     <h3 style="color:red">今天是星期一,国斌老师讲Css啦~ </h3>
     <div>这是第二种引入方式</div>  
     <span>这是第三种引入方式</span>
</body>
</html>